Querverweise und Sprungziele (engl.: links) erstellst du mit Hilfe eines „anchors“ (<a-tag):
Querverweis:
<a href="_WEBADRESSE_">TEXT_ZUM_ANKLICKEN</a>
_WEBADRESSE_ ist dabei eine gültige URL, z.B. einfach der Name (und evtl. Ordner) einer anderen HTML-Seite.
TEXT_ZUM_ANKLICKEN ist der Text, der zu _WEBADRESSE_ führt, wenn man darauf klickt.
Dem anchor-tag können verschiedene Atrribute zugewiesen werden:
- Die neue Seite soll in einem eigenen Fenster geöffnet werden, das den bestimmten Namen „NEUES_FENSTER“ hat. Dazu verwendet man das Ziel-Attribut (engl.: target):
<a target="NEUES_FENSTER" href="_WEBADRESSE_">TEXT_ZUM_ANKLICKEN</a>
- Die neue Seite soll in einem leeren Fenster geöffnet werden. Dazu verwendet man als Ziel (target) den reservierten Namen „_blank“:
<a target="_blank" href="_WEBADRESSE_">TEXT_ZUM_ANKLICKEN</a>
Sprungziele:
Will man (ohne selbst zu scrollen) schnell zu einer bestimmten Stelle einer Webseite springen, benötigt man zuerst einen Anker (engl.: anchor), zum dem man springen will:
<a name="_SPRUNGZIEL_"></a>
Beachte, dass ein Text zum Anklicken nicht nötig ist. Den Schluss-tag (</a>) brauchst du aber.
Um dieses Ziel anzuspringen, brauchst du einen Querverweis. An Stelle von _WEBADRESSE_ verwendest du _SPRUNGZIEL_, aber diesem muss ein Doppelkreuz (#) vorangestellt werden:
<a href="#_SPRUNGZIEL_">TEXT_ZUM_ANKLICKEN</a>
Besonderheiten:
Manchmal möchte man an Stelle von Text auf eine Grafik klicken, um eine andere Seite aufzurufen. Dann muss man anstelle des Textes einfach die gewünschte Grafik (_MEINE_GRAFIK_) einbinden:
<a href="_WEBADRESSE_"><img src="_MEINE_GRAFIK_"></a>